/**
 * Created by YAAP on 2017/8/3.
 */
define(()=>{
    var template=
        ` <li class="mergeBox bg-white">
        <p type="primary" @click="mergeblock = true" class="merge"><i></i>合并</p>
        <Modal
                v-model="ismerge"
                title="小区合并"
                width="530"
                okText="合并小区"
                cancelText="取消合并"
                class-name="mergeDistrictWrap">
            <div class="modal-content">
                <div class="modal-content-top">
                    <div>
                        <span>查找：<input type="text" name="see" placeholder="销售部A"/><i class="chazhao"></i></span>
                        <span style="width: 190px;text-align: right;">查找：<input type="text" name="lookup"
                                                                                placeholder="销售部A"/><i
                                class="chazhao"></i></span>
                        <span>城市：<input type="text" name="city" class="city" placeholder="海口市"/></span>
                    </div>
                    <div>
                        <span style="color: red;">要将：<input type="text" name="see" id="see"/></span>
                        <span style="width: 190px;text-align: right;color: red;">合并到：<input type="text" name="lookup"
                                                                                            id="lookup"/></span>
                        <span>城区：<input type="text" name="city" class="city" placeholder="美兰区"/></span>
                    </div>
                </div>
                <div class="modal-content-bottom">
                    <div class="modal-content-bottom-left">
                        <h3>楼栋座对应关系</h3>

                        <div class="modal-content-bottom-table">
                            <div class="table-wrap">
                                <table class="table-wrap-content" border="0">
                                    <tr>
                                        <td>楼栋座</td>
                                        <td class="not">对应</td>
                                        <td>楼栋座</td>
                                    </tr>
                                    <tr>
                                        <td>A座</td>
                                        <td></td>
                                        <td>
                                            <i-select v-model="num">
                                                <i-option v-for="item in numlist" :value="item.value" :key="item">
                                                    {{item.label }}
                                                </i-option>
                                            </i-select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>B座</td>
                                        <td></td>
                                        <td>
                                            <i-select v-model="nums">
                                                <i-option v-for="item in numslist" :value="item.value" :key="item">
                                                    {{item.label }}
                                                </i-option>
                                            </i-select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>C座</td>
                                        <td></td>
                                        <td>
                                            <i-select v-model="num">
                                                <i-option v-for="item in numlist" :value="item.value" :key="item">
                                                    {{item.label }}
                                                </i-option>
                                            </i-select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>D座</td>
                                        <td></td>
                                        <td>
                                            <i-select v-model="num">
                                                <i-option v-for="item in numlist" :value="item.value" :key="item">
                                                    {{item.label }}
                                                </i-option>
                                            </i-select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>E座</td>
                                        <td></td>
                                        <td>
                                            <i-select v-model="num">
                                                <i-option v-for="item in numlist" :value="item.value" :key="item">
                                                    {{item.label }}
                                                </i-option>
                                            </i-select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>F座</td>
                                        <td></td>
                                        <td>
                                            <i-select v-model="num">
                                                <i-option v-for="item in numlist" :value="item.value" :key="item">
                                                    {{item.label }}
                                                </i-option>
                                            </i-select>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="modal-content-bottom-right">
                        小区合并合并小区查找本操作涉及大量数据，为避免影响日常业务，同时保证数据的一致性，请安排在晚上或周末进行。
                    </div>
                </div>
            </div>
            <Checkbox v-model="singleRadio">合并后删除被合并小区</Checkbox>
        </Modal>
    </li>`;
    var MergeBlock={
        name:"merge-block",
        template:template,
        data: function () {
            return {

                ismerge: false,
                singleRadio: false,
                numlist: [
                    {
                        value: '01栋',
                        label: '01栋'
                    },
                    {
                        value: '02栋',
                        label: '02栋'
                    },
                    {
                        value: '03栋',
                        label: '03栋'
                    },
                ],
                num: '',
                numslist: [
                    {
                        value: '01栋',
                        label: '01栋'
                    },
                    {
                        value: '02栋',
                        label: '02栋'
                    },
                    {
                        value: '03栋',
                        label: '03栋'
                    },
                ],
                nums: '',
            }
        },
        methods:{
            merge:function(){}
        }
    }
    return MergeBlock
})
